.jishu {
	padding: 30px 0;
}

.jishu_content ul li {
	border: 5px solid #e8e8e8;
	margin-top: 50px !important;
	float: left;
	width: 95%;
	position: relative;
}

@media screen and (max-width:500px) {
	.jishu_content ul li {
		border: none;
		width: 100%;
	}

}

.jishu_img {
	float: right;
	max-width: 50%;
	transform: translate(58px, -24px);
	transition: ease .65s;
	/* max-height: 350px; */
	text-align: center;
}

@media screen and (max-width:500px) {
	.jishu_img {
		max-width: 100%;
		float: none;
	}
}

.jishu_img1 {
	float: left;
	max-width: 50%;
	transform: translate(-48px, -24px);
	transition: ease .65s;
	/* max-height: 350px; */
	text-align: center;
}

@media screen and (max-width:500px) {
	.jishu_img1 {
		max-width: 100%;
		float: none;
	}
}

.jishu_content ul li:hover .jishu_img {
	transform: translate(15px, 0px);
}

.jishu_content ul li:hover .jishu_img1 {
	transform: translate(-15px, 0px);
}

.jishu_text {
	width: 50%;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}
@media screen and (max-width:500px) {
	.jishu_text{
		width: 100%;
		margin-top: 40%;
	}
}
.jishu_text1 {
	width: 50%;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
}

@media screen and (max-width:500px) {
	.jishu_img {
		width: 100%;
		float: none;
		transform: translate(0px, 0px);
	}

	img {
		max-width: 100%;
	}
}

.texts {
	width: 90%;
	position: absolute;
	top: 40%;
	left: 5%;
	color: rgb(153, 153, 153);
}

.texts h4 {
	color: #00C0C8;
}

.jishu_content ul li>i::after {
	content: "";
	display: block;
	width: 0px;
	height: 0px;
	border-top: 5px solid rgb(72, 189, 197);
	border-left: 5px solid rgb(72, 189, 197);
	border-right-color: rgb(72, 189, 197);
	border-bottom-color: rgb(72, 189, 197);
	position: absolute;
	left: -5px;
	top: -5px;
	transition: all 0.65s ease 0s;
}
